<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="fragment/headFragment:: head"></div>
<body class="cbp-spmenu-push">
<div class="main-content">
    <!--left-fixed -navigation-->
    <div th:replace="fragment/left_sidebar:: left_sidebar"></div>
    <!--left-fixed -navigation-->
    <!-- header-starts -->
    <div th:replace="fragment/header_section::header_section"></div>
    <!-- //header-ends -->
    <!-- main content start-->
    <div id="page-wrapper">
        <div class="main-page">
            <div class="row">
                <h3 class="title1" th:text="${main}">General Form :</h3>
                <h4>带*为必填项</h4>
                <div class="form-three widget-shadow">
                    <form class="form-horizontal"
                          th:action="@{/workOrder/detailSubmit(current=${#request.getParameter('current')},size=10)}"
                          method="post">

                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">工单id:</label>
                            <div class="col-sm-8">
                                <input readonly type="number" class="form-control1" id="disabledinput"
                                       th:attr="value=${workOrder.getId()}" name="id">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">工单分类:</label>
                            <div class="col-sm-8">
                                <input readonly type="text" class="form-control1"
                                       th:attr="value=${workOrder.getWorktype()}" name="worktype">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">工单标题:</label>
                            <div class="col-sm-8">
                                <input readonly type="text" class="form-control1"
                                       th:value="${workOrder.getTitle()}" name="title">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">工单简介:</label>
                            <div class="col-sm-8">
                                <input readonly type="text" class="form-control1"
                                       th:value="${workOrder.getOrderdesc()}" name="orderdesc">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">客服id:</label>
                            <div class="col-sm-8">
                                <input readonly type="number" class="form-control1"
                                       th:value="${workOrder.getCustomerserviceid()}" name="customerserviceid">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">工单渠道:</label>
                            <div class="col-sm-8">
                                <input readonly type="text" class="form-control1"
                                       th:value="${workOrder.getChannel()}" name="channel">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">工单状态:*</label>
                            <div class="col-sm-8">
                                <select name="state" th:value="state" required>
                                    <option value="" th:selected="${state==''}">全部状态</option>
                                    <option value="未分配" th:selected="${state=='未分配'}">未分配</option>
                                    <option value="待处理" th:selected="${state=='待处理'}">待处理</option>
                                    <option value="处理中" th:selected="${state=='处理中'}">处理中</option>
                                    <option value="已解决" th:selected="${state=='已解决'}">已解决</option>
                                    <option value="已关闭" th:selected="${state=='已关闭'}">已关闭</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">客服姓名:</label>
                            <div class="col-sm-8">
                                <input readonly type="text" class="form-control1"
                                       th:attr="value=${workOrder.getCclist()}" name="cclist">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">客户id:</label>
                            <div class="col-sm-8">
                                <input readonly type="number" class="form-control1"
                                       th:attr="value=${workOrder.getCustomerid()}" name="customerid">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">工单优先级:</label>
                            <div class="col-sm-8">
                                <input readonly type="text" class="form-control1"
                                       th:attr="value=${workOrder.getPriority()}" name="priority">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">工单创建时间:</label>
                            <div class="col-sm-8">
                                <input disabled type="data" class="form-control1"
                                       th:attr="value=${workOrder.getCreatetime()}" name="createtime">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">工单最后更新时间:</label>
                            <div class="col-sm-8">
                                <input disabled type="data" class="form-control1"
                                       th:attr="value=${workOrder.getUpdatetime()}" name="updatetime">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="txtarea1" class="col-sm-2 control-label">工单详情:</label>
                            <div class="col-sm-8">
                                <textarea readonly name="attachments" id="txtarea1" cols="50" rows="4"
                                          class="form-control1" th:text="${workOrder.getAttachments()}"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="txtarea1" class="col-sm-2 control-label">客服回复:*</label>
                            <div class="col-sm-8">
                                <textarea name="workorderreply" ols="50" rows="4" class="form-control1" required></textarea>
                            </div>
                        </div>

                        <div style="text-align: center">
                            <button type="submit" class="btn btn-default" style="margin-right: 20px">回复</button>
                            <a th:href="@{/workOrder/index(current=${current},size=${size})}">
                                <button type="button" class="btn btn-default">返回</button>
                            </a>
                        </div>

                    </form>
                </div>
            </div>



            <div class="row">
                <h3 class="title1">回复记录:</h3>
                <div class="form-three widget-shadow" th:each="cs : ${workOrderReply}">
                    <form class="form-horizontal">

                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">客服id:</label>
                            <div class="col-sm-8">
                                <input readonly type="text" class="form-control1"
                                       th:attr="value=${cs.getCustomerserviceid()}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">回复时间:</label>
                            <div class="col-sm-8">
                                <input readonly type="text" class="form-control1"
                                       th:attr="value=${cs.getReplytime()}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabledinput" class="col-sm-2 control-label">回复内容:</label>
                            <div class="col-sm-8">
                                <input readonly type="text" class="form-control1"
                                       th:attr="value=${cs.getContent()}">
                            </div>
                        </div>

                    </form>
                </div>
            </div>



        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <p>Copyright &copy; 2021.Igeek All rights reserved.</p>
    </div>
    <!--//footer-->
</div>
<!-- Classie -->
<script src="js/classie.js"></script>
<script>
    var menuLeft = document.getElementById('cbp-spmenu-s1'),
        showLeftPush = document.getElementById('showLeftPush'),
        body = document.body;

    showLeftPush.onclick = function () {
        classie.toggle(this, 'active');
        classie.toggle(body, 'cbp-spmenu-push-toright');
        classie.toggle(menuLeft, 'cbp-spmenu-open');
        disableOther('showLeftPush');
    };


    function disableOther(button) {
        if (button !== 'showLeftPush') {
            classie.toggle(showLeftPush, 'disabled');
        }
    }
</script>
<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"></script>
</body>
</html>